<template>
  <div class="example-card">
    <h1>{{ content }}</h1>
  </div>
</template>

<script>
export default {
  name: "example-card",
  props: {
    content: String
  }
}
</script>

<style scoped>
.example-card {
  width: 30vw;
  height: 30vw;
  background-color: #666;
  border-radius: 3vw;
}
.example-card h1 {
  font-size: 4vw;
  line-height: 30vw;
  text-align: center;
  color: #fff;
}
</style>
